@media screen and (max-width: 960px) {
	.show960 {
		display: block;
	}
	.hide960 {
		display: none;
	}
	.wrapper {
		max-width: 92%;
		margin: 0 auto;
	}
	#content-page {
		max-width: 100%;
	}
#home-hero-article .blurb{
	width: 100%;
}
.feat-thumb {
	height: auto;
}

  #footer,
  #super-header div {
    max-width: 96%;
  }

  #header {
	  width: 96%;
  }
	.title.title-link{
		position: static;
	}

#mlm-logo {
    display: block;
    float: left;
    height: 47px;
	width: 112px;
    background: url(../images/mlm_logo_sm.png) no-repeat 0 0 !important;
  }

  #footer-content {
    height: 258px !important; }
    #footer-content h5,
    #footer-content div {
      width: 100%; }
    #footer-content ul {
      width: calc(33.333% - 20px); }
    #footer-content table {
      margin: 0 0 20px;
      width: 100%; }


	  #home-hero-article {
	  padding: 0;
	  color: #4D4E4E;
	  height: 100%;
	  width: 100%;
  }
  #content-container {
	  position: static;
  }
  #home-hero-article .content {
	  margin-top: 0px;
	  padding: 20px 50px 20px 50px;
	  background-color: #F8F8F8;
	  color: #4D4E4E !important;
  }
	#home-hero-article h1{
		font-size: 2.0rem;
		font-weight: 700;
		color: #4D4E4E !important;
		text-transform: uppercase;
		line-height: 1.5em;
		margin-bottom: 5px;
		width: 100%;
	}
	#home-hero-article h1>br{
		display: none;
	}
	#home-hero-article p{
		font-size: 0.8em;
		margin-top: 10px;
		font-weight: 100;
		color: #4D4E4E !important;
		width: 100%;
	}
	#home-hero-article span.byline {
		color: #4D4E4E !important;
	}

	#home-hero-article a:link, #home-hero-article a:visited, #home-hero-article a:hover, #home-hero-article a:active{
		font-weight: bold;
		color: #4D4E4E !important;
	}
	.bluetitle h3 {
		font-size: 1.5vw;
	}

	#content-left {
		width: 66%;
		padding: 0;
	}
	#content-right {
		width: 32%;
		padding: 0;
	}
	.directory-left{
		margin-right: 10px;
	}
	#mlm-newsletter {
		background: url( ../images/mlm.com-newsletter-background.png ) 0 0 no-repeat;
		padding: 6px 22px 25px 22px;
		max-width: 100%;
    background-size: cover;
	}

	#mlm-newsletter header h2 {
		font-size: 1.9vw;
	}
	#mlm-newsletter p {
		font-size: 12px;
	}
	#mlm-newsletter form {
		position: relative;
		vertical-align: top;
	}
	#mlm-newsletter .input-field {
		width: 10vw;
		height: 25px;
		font-size: 12px;
		padding: 0 10px;
		font-weight: normal;
	}
	#mlm-newsletter .submit-button {
		font-size: 10px;
		margin-top: 10px;
		width: 37%;
		height: 25px;
	}

  .column {
    width: 47%; }
    .column nav.spotlight-4up a {
      width: 33%; }
      .column nav.spotlight-4up a img {
        max-width: 100%;
        height: auto; }
    .column nav .il-item p {
      width: calc(100% - 60px);
      margin-left: 10px; }

  .featured img {
    max-width: 100%;
    height: auto; }

  .listing-feature img {
	max-width: 100%;
    height: auto;
  }
  #article img {
    max-width: 100%; }

  #slideshow img {
    width: 100%;
    height: auto; }

  .listing-detail {
    margin: 0; }

  .spotlight-image {
    margin: 0 0 83px;
    height: 272px; }

  	#sort span.letter, #sort a{
		margin: 0 10px 0 0;
	}

  #slideshow-nav {
    top: 280px;
    right: -3px;
    width: 100%; }
    #slideshow-nav li {
      float: left; }

  .video-row a {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0; }
    .video-row a:first-child {
      margin: 0 10px 10px 0; }
    .video-row a:nth-child(2n+2) {
      margin: 0 0 10px 0; }
    .video-row a img {
      width: 100%; }

    #main-nav a {
      margin-right: 18px;
    }



  #all-videos .video-row a {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0; }
    #all-videos .video-row a:first-child {
      margin: 0 10px 10px 0; }
    #all-videos .video-row a:nth-child(2n+2) {
      margin: 0 0 10px 0; }
    #all-videos .video-row a img {
      width: 100%; }


  .directory-row.author .directory-left,
  .directory-row.author .directory-right {
    width: 50%; }
    .directory-row.author .directory-left a,
    .directory-row.author .directory-right a {
      max-width: 90%; }

  .directory-right .directory-name {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  #directory-detail-right {
    width: calc(100% - 202px);
    margin: 0 0 0 10px;
    float: left; }

  #advanced-search {
    width: 400px; }
    #advanced-search .search-row {
      margin: 0; }
    #advanced-search .search-pair {
      margin: 0 0 10px; }

 .DistributorForum {
    margin-right: 0px !important;
  }


/*  #search-icon {
  position: relative;
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  background: url(../images/search-icon.png) no-repeat 0 0;
  }*/


	/* Footer */
	footer {
		min-width: 100%;
		margin-top: 50px;
		width: 100%;
	}
  #footcol1 {
	  float: none;
	  margin: 40px 0px 50px 4%;
  }
  #footcol2{
	  float: left;
	  width: 21%;
	  margin: 0px 4% 60px 4%;
  }
  #footcol3 {
	  width: 62%;
	  margin: 0px;
  }

  #author-social .email-icon {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 810px) {

	.sub-menu {
		display: block;
	}
	.sub-menu li {
		width: 189px;
	}
	.show810 {
		display: block;
	}
	.hide810 {
		display: none;
	}

  body {
    overflow-x: hidden; }

  .headsocial {
	  margin-top: 22px;
  }
  .sponsorlist li a {
	  padding: 2px 16px;
  }
  #wrapper,
   #super-header div {
	padding: 0em 1em 0em 1em;
    width: 100%; }
  .sponsored-by {
	  cursor: pointer;
	  margin: 0 auto;
	  font-size: 12px;
	  padding: 6px 28px;
	  float: none;
	  width: 160px;
  }
  .sponsorlist {
	  display: none;
	  width: 160px;
	  background-color: #595959;
	  position: absolute;
	  left: calc(50% - 80px);
	  z-index: 10;
	  padding: 8px 0px;
  }
  .sponsorlist li {
	  display: block;
	  text-align: center;
  }
  .sponsorlist li a {
	  padding: 8px 16px;
  }

  #content-left,
  #content-right {
    width: 100%;
    float: none;
	padding: 0;
    margin: 0 0 25px; }

	.modalDialog > div {
		width: 80%;
		margin: 5% auto;
	}

	.bluetitle h3 {
		font-size: 20px;
	}
  	#footcol1{
		margin: 20px 0px 50px 4%;
	}
  	#footcol2{
	  float: none;
	  width: 92%;
	  	  margin: 60px 4% 0 4%;
	}
	#footcol3 {
	  float: none;
	  width: 92%;
	  margin: 60px 4% 80px 4%;
	}
	#footbottom {
		padding: 0px 30px 0px 30px;
	}

	#sort span.letter, #sort a{
		margin: 0 11px 0 0;
	}

  #slideshow-nav {
    top: 0;
    right: 0;
    width: auto; }
    #slideshow-nav li {
      float: none; }

  #slideshow img {
    width: calc(100% - 135px);
    height: auto; }

  .spotlight-image {
    margin: 0 0 20px;
    height: 294px; }


 /* .blocks {
    text-align: center; } */

  #mlm-newsletter,
  #amazon-link {
    display: inline-block;
    margin: 0 0 20px;
    vertical-align: top; }

  	#amazon-link {
		width: 55%;
		display: block;
		margin: 0 auto 30px;
		border: 2px solid #EFEFEF;
	}

	#mlm-newsletter {
		width: 55%;
		height: auto;
		display: block;
		margin: 0px auto 30px;
		background-position: center;
	}

  #mlm-newsletter header {
    margin: 0px auto;
    width: 100%;
    display: block;
  }

	#mlm-newsletter header h2 {
		font-size: 1em;
    text-align: center;
    display: block;
	}

	#mlm-newsletter p {
		font-size: 14px;
	}

	#mlm-newsletter form {
		position: relative;
		vertical-align: top;
	}

	#mlm-newsletter .input-field {
		width: 45%;
		height: 31px;
		font-weight: normal;
	}

  #newsletter-form-bar {
    width: 85%;
    margin: 0px auto;
    text-align: center;
  }

	#mlm-newsletter .submit-button {
		width: 35%;
		margin-top: 10px;
		height: 31px;
	}

		 /* Submit and Article Form */
	.inputsection div {
		 margin: 0px 0px 10px 0px !important;
		 float: none !important;
	}
	.wpcf7 input[type="text"],
		input[type="email"],
		input[type="tel"] {
		margin-right: 0px !important;
		width: 100% !important;
	}
	.wpcf7 textarea {
		width: 100% !important;
	}

  #menu-icon {
    float: right;
    display: block;
    margin-top: -32px;
  }


  #menu-icon:hover, #menu-icon:active {
    fill: #00A3CF;
  }

  #main-nav {
    position: fixed;
    top: 0;
    left: -200px;
    width: 200px;
    height: 100%;
    background: #FFFFFF;
    margin: 0;
    padding: 50px 0 0;
    z-index: 1000;
  }

    #main-nav a {
      display: block;
      margin: 0;
      padding: 2px 15px;
    }

    #main-nav #close {
      position: absolute;
      top: 32px;
      right: 0px;
    }
	#header-nav > li > a {
		padding: 0px 20px 15px 15px;
	}
    #main-nav #close:hover, #main-nav #close:active {
      fill: #00A3CF;
    }
	.sub-menu{
		display: block;
		border: none;
		position: relative;
		background-color: #ffffff;
		top: -14px;
		right: 0px;
	}
	sub-menu li {
		margin-bottom: 0px;
	}
	.sub-menu a {
		margin-left: 8px;
	}
	#header-nav > li {
		margin-bottom: 0px;
	}
    .article-detail-articleby {
      float: left;
      margin: 10px 0px 20px 0px;
    }

    .article-detail-date {
      clear: left;
    }

    #search-box {
      display: block;
      top: 200px;
      right: 8px;
    }

    #search-box input {
      width: 140px !important;
      margin-left: 45px;
    }

    #search-wrap {
      display: block;
      position: relative;
    }

    #search-icon {
      display: none;
    }

  #stay-connected ul {
    text-align: center; }
  #stay-connected li {
    display: inline-block;
    float: none; }

  .listing-feature-image{
	  margin: 0 5% 0 5%;
  }
	.listing-feature-content {
		padding: 5%;
	}

  #featured-video a {
    display: block; }
  #featured-video img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto; }

  .column nav.spotlight-4up {
    width: 100%;
    height: 370px;
    margin: 0; }
    .column nav.spotlight-4up a {
      width: calc(50% - 10px);
      margin: 0 10px 10px 0;
      min-height: 175px; }
      .column nav.spotlight-4up a:nth-child(2n+2) {
        margin: 0 0 10px 0; }
      .column nav.spotlight-4up a img {
        width: 100%; }
  .column nav .rect-thumb {
    height: 100px; }

  #topics .tabs-block div a {
    width: 100%; }

  #advanced-search {
    width: 300px; }

  .responsive-toggle .wrapper {
    max-width: none;
  }

}
@media screen and (max-width: 670px) {
	.show670 {
		display: block;
	}
	.hide670 {
		display: none;
	}
  #wrapper,
  #super-header div {
    width: 100%;
  }
  #hero-image{
	  background-position: -660px center;
  }
  #home-hero-article .content{
	padding: 20px 20px 20px 20px;
  }
  /* Content Hubs */
  #content-hub-splashhead {
    padding-top: 10px;
  }
  #content-hub-splashhead p {
    line-height: 1.5em;
	width: 95%;
  }

  .title {
	padding: 15px 0px 15px 20px;
  }
  #listings li.listing-thumbed, #listings li.weekly-listing-thumbed {
	float: none;
	width: 100%;
  }
  .listing-thumb {
	max-width: 130px;
	height: 130px;
  }
  .listing-thumb img {
	position: relative;
	right: 50%;
	width: auto;
	height: 100%;
  }
  .listing-content {
    width: calc(100% - 150px);
  }
  .feat-thumb {
	max-width: 130px;
	height: 130px;
	margin-right: 10px;
	float: left;
  }
  .feat-thumb img {
	position: relative;
	right: 50%;
	width: auto;
	height: 100%;
  }
  .feat-title {
	padding: 0px 0px 0px 10px;
	margin: 15px 0 0 0;
	width: 100%;
	height: auto;
  }
  .feat-title h5 {
    position: relative;
   font-weight: 500;
   color: #4D4E4E;
   margin: 10px 0 10px 0;
   text-shadow: none;
  }
.feat-content {
	margin: 0px 0px 25px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #4E4E4E;
	overflow: hidden;
}
	/* Subcategory Menu */
	/*Make dropdown links appear inline*/
#subcat-menu-bar {
    position: relative;
}
  .listing-feature-content .read-more {
    float: left;
    position: relative;
    left: 0px;
    top: -15px;
  }
  #subcat-menu {
    position: absolute !important;
    top: 100%;
    left: 0;
    width: 100%;
  }

  #subcat-menu li {
    padding: 0px;
  }

  #subcat-menu-bar ul {
		position: static;
		display: none;
	}
	#subcat-menu-bar li:first-child {
		border-top: 2px solid #252525;
	}
	/*Create vertical spacing*/
	#subcat-menu-bar li {
		border-bottom: 2px solid #252525;
	}
	/*Make all menu links full width*/
	#subcat-menu-bar ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	#subcat-menu-bar .show-menu {
		display:block;
	}

	.directory-item {
		width: 100%;
		margin-bottom: 20px;
		float: none;
		clear: both;
	}

	.directory-left-company {
		padding: 15px 0px 0px 20px;
		float: none;
		width: 100%;
	}
	.directory-middle-company{
		padding: 0px 0px 0px 20px;
		clear: both;
		width: 100%;
		float: left;
	}
	.directory-right-company {
		padding: 0px 0px 0px 20px;
		clear: both;
		float: none;
		width: 100%;
	}

	#openModal.modalDialog > div {
		width: 98%;
		margin-top: 5px;
		padding: 6.6% 8.3% 13%px 8.3%;
	}

  #slideshow img {
    width: 100%;
    height: auto; }

  #slideshow-nav {
    top: 235px;
    right: 0px;
    width: 100%; }
    #slideshow-nav li {
      float: left;
      width: calc(25% - 2px);
      margin: 0 1px;
      height: auto; }
    #slideshow-nav .activeSlide span {
      left: 1px;
      width: calc(100% - 6px);
      height: calc(100% - 4px); }
    #slideshow-nav img {
      width: 100%;
      height: auto; }

  .spotlight-image {
    margin: 0 0 80px;
    height: 227px; }

  .column {
    width: 100%;
    margin: 10px 0; }

  footer section {
    border: 1px solid #CCCCCC; }
    footer section > p {
      margin: 0;
      padding: 0;
      border: none; }

.title.title-link{
	position: static;
	margin: 5px 0px 0px 23px;
}
.title.title-link.plus a:after{
	left: 20px;
	margin: 0px 8px 0px 0px;
}
.title.title-link.back a:after{
	margin-left: 8px;
}

  #listings .title,
  .video .title {
    margin-bottom: 0px; }

  #listings .title p,
    .video .title p {
      float: none;
      clear: left;
      padding: 15px 0 0; }

  #main-header {
    margin: 20px 0; }

  #mlm-newsletter,
  #amazon-link {
    margin: 20px auto; }

  #amazon-link {
  width: 70%;
  }

  #mlm-newsletter {
  width: 70%;

  }

  #footer-links,
  #footer-content,
  #register-login-site,
  #last-updated {
    display: none; }

  .video-row a {
    min-height: 210px; }

  #directory-detail-right,
  #directory-detail-left {
    width: 100%;
    margin: 10px 0;
    display: block;
    float: none; }

	#sort {
	  padding: 5px 0px 5px 10px;
	  margin-top: 0;
      position: relative;
	  background-color: #00A2CF;
	  color: white;
	}
	#sort h3 {
		font-family: 'Montserrat', sans-serif;
		font-size: 12pt;
		margin: 5px 0px 5px 0px;
		font-weight: 100;
		color: white;
	}
    #sort .filter {
	  font-size: 12pt;
	  color: #fff;
      display: block;
      padding: 0px 15px;
      text-align: left;
      cursor: pointer;
      font-weight: 100;
	}
	#sort a, #sort span.letter {
		font-size: 20px;
		font-weight: normal;
	}
    #sort .filter.open #arrow {
       fill: #00A3CF;
	   background: url(../images/up-arrow-white-button-med.png) no-repeat 0 0;
	}
	#sort .filter #arrow {
		width: 16px;
		height: 17px;
		position: absolute;
		right: 25px;
		top: 50%;
		margin: -8px 0 0;
		background: url(../images/down-arrow-white-button-med.png) no-repeat 0 0;
	}

    #sort .active {
      display: none;
	}
    #sort .divide {
      display: none;
	}
    #sort a,
    #sort span {
      display: block;
      padding: 0px;
      text-align: center;

	}

    #sort .wrap {
      position: absolute;
      top: calc(100% + 5px);
      background: #EBEBEB;
      width: 100%;
      z-index: 500;
      max-height: 300px;
      overflow: scroll;
      display: none;
	}

  #main-header {
    margin: 0px;
  }

  #menu-icon {
    margin-top: -35px;
  }

  .sort-by {
    padding-top: 0px !important;
  }
}


@media screen and (max-width: 615px) {

  #author-articles .vertical-center {
    float: left;
    clear: left;

  }

  #author-articles h2 {
    float: left;
  }

  #author-articles .title h2 {
    float: left;
  }

  .title .subtitle {
    float: left;
    clear: left;
  }

  .title .title-link {
    position: relative;
    left: 0px;
  }
  .title-link .back {
    float: left;
    clear: left;

  }

  .title-link .vertical-center {
    margin-top: 10px;
  }

  .title-link.back a:after {
    left: 0px;
  }

  .title .add-company {
    margin-left: 30px;
  }
}
@media screen and (max-width: 510px) {
	.show400 {
		display: block;
	}
	.hide400 {
		display: none;
	}

	#openModal.modalDialog > div {
			padding: 8% 4% 8% 6%;
	}


	#hero-image{
	  background-position: -822px -22px;
	  background-size: initial;
	  height: 260px;
    }
	#slideshow-nav {
    top: 210px; }

	.spotlight-image {
    margin: 0 0 70px;
    height: 200px; }

	#stay-connected li {
		margin: 0 -2px;
	}
    #stay-connected li:first-child {
		margin: 0 -2px;
	}
	.footicon{
		margin-left: 10px;
	}
	.listing-detail h2, .listing-detail h2 a {
		font-size: 14px;
		font-weight: 600;
	}
	.listing-detail h3 {
	    font-size: 12px !important;
	}
	.listing-feature-image{
	  margin: 0;
	}

	.listing-feature .listing-feature-content p {
		padding-bottom: 20px;
	}

	.feat-thumb {
		margin-right: 10px;
	}
	.feat-title {
		margin: 10px 0 0 0;
	}
	.feat-title h5 {
		position: relative;
		margin: 10px 0 10px 0;
		font-weight: 500;
	}

  #gallery {
    margin-bottom: 25px; }

  .video-row a {
    width: 100%;
    margin: 0 0 10px; }
    .video-row a:first-child {
      margin: 0 0 10px; }
    .video-row a:nth-child(2n+2) {
      margin: 0 0 10px 0; }

  #all-videos .video-row a {
    width: 100%;
    margin: 0 0 10px; }
    #all-videos .video-row a:first-child {
      margin: 0 0 10px; }
    #all-videos .video-row a:nth-child(2n+2) {
      margin: 0 0 10px 0; }

   #menu-icon {
    margin-top: -38px;
  }

  .title h2 {
    float: left;
  }

  .title .subtitle {
    float: left;
    clear: left;
  }

  .title .title-link {
    position: relative;
    left: 0px;
  }
  .title-link .back {
    float: left;
    clear: left;

  }

  .title-link .vertical-center {
    margin-top: 10px;
  }

  #content-hub-splashhead h1 {
    font-size: 20px;
  }

  #content-hub-splashhead p {
    font-size: 12px;
  }

  .no-margin {
    margin-bottom: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
  html {
    width: 100%;
    overflow-x: hidden;
  }
	/* MLM.com Newsletter */
	#amazon-link {
		width: 90%;
	}

	#mlm-newsletter {
		width: 90%;
	}

}
@media screen and (max-width: 340px) {

	.show340 {
		display: block;
	}
	.hide340 {
		display: none;
	}

  #slideshow-nav {
    top: 170px; }

  .spotlight-image {
    margin: 0 0 60px;
    height: 164px; }

  #advanced-search {
    width: 277px; }

    .bluetitle h3 {
      font-size: 15px;
    }

    #mlm-newsletter .input-field {
      font-size: 10px;

    }

}

/*# sourceMappingURL=responsive.css.map */